<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 
    Module模块系统
    模块是什么？
    一个一个的局部作用域的代码块
    什么是模块系统？
    模块系统需要解决的主要问题
    模块化的问题、消除全局变量、 管理加载顺序
    Reauire.js   sea.js


Module的两种导入和导出

 -->

<body>
    <!-- 
        一个模块没有导出，也可以将其导入 
    被导入的代码都会执行一遍，也仅仅会执行一遍
   使用export default可以随便起名(有语义化) 
一个模块只能有一个export default
-->
    <script type="module">

        import age from './module.js'; console.log(age); //基本用法


    </script>
</body>

</html>